﻿@model List<ServeNHL.Models.eventViewModel>
@{
    ViewBag.Title = "Portal";
    ViewBag.Message = Session["username"];
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="row">
    <div class="spacer7"></div>
    <div class="header col-lg-12 col-md-12 col-sm-12 col-xs-12 ">

        <div class="signupLogo">Event Sign Up</div>
    </div>
</div>

<div class="spacer13"></div>
@foreach (var eventItem in Model)
{

    var eventID = eventItem.eventItem.EVENT_ID;


    <div class="row">
        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"> </div>
            <div class="EventTitle col-lg-3 col-md-3 col-sm-3 col-xs-3">@Html.Raw(eventItem.eventItem.NAME)</div>
            <div class="EventTime col-lg-3 col-md-3 col-sm-3 col-xs-3">@Html.Raw(eventItem.eventItem.START_DATE)</div>

            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                @Html.ActionLink("Signup", "Signup", new { id = eventID }, new { @class = "eventsignuplink" })
               
            </div>
       <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"> </div>
        </div>
        <div class="spacer2"></div>

    <div class="row">
        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"> </div>
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">Event Category: @Html.Raw(eventItem.eventCat.EVENT_CAT_NAME)</div>
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">When: @Html.Raw(eventItem.eventItem.START_DATE)</div>
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">To: @Html.Raw(eventItem.eventItem.END_DATE)</div>
        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"> </div>

    </div>
    <div class="spacer7"></div>
}



        <div class="spacer12"></div>
        <div class="row">
            <div class="searchthing col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
                Name: <input type="text" id="SearchNamebox" name="Search For Person"><br>
                <div class="spacer0"></div>
                <input type="button" value="Search For Person" id="search">
            </div>
        </div>




        <body id="tablebody">
            <div class="row">
                <div class="spacer1"></div>
                <div class="tablething col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <table id="foundUsers" align="center">
                        <thead id="tablehead">
                            <tr>
                                <th>User ID</th>
                                <th>First Name</th>
                                <th>Last Name</th>
                            </tr>
                        </thead>
                        <tfoot id="tablefoot">
                        </tfoot>
                        <tbody id="tablebody"></tbody>


                    </table>
                    <div id="navigationMenu"></div>

                </div>
            </div>

        </body>
        <div class="spacer8"></div>

        <span id="result"></span>



        <div class="spacer5"></div>
        <div class="row">
            <div class="searchthing col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
                Event Name: <input type="text" id="eventName" name="EventSearch"><br>
                <div class="spacer0"></div>
            </div>
        </div>

        <div class="spacer5"></div>
        <div class="row">
            <div class="searchthing col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
                From: <input type="text" id="fromDate" name="Search"><br>
                <div class="spacer0"></div>
            </div>
        </div>

        <div class="spacer6"></div>
        <div class="row">
            <div class="searchthing col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
                To: <input type="text" id="toDate" name="Search"><br>
                <div class="spacer0"></div>
                <input type="button" value="Search" id="eventSearch">
            </div>
        </div>

        <div class="spacer1"></div>


        <script type="text/javascript">

            $(function () {
                $('#fromDate').datepicker();
            });
        </script>


        <script type="text/javascript">

            $(function () {
                $('#toDate').datepicker();
            });
        </script>


        <body id="tablebody">
            <div class="row">
                <div class="spacer1"></div>
                <div class="tablething col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <table id="foundEvents" align="center">
                        <thead id="tablehead">
                            <tr>
                                <th>Event ID</th>
                                <th>Event Name</th>
                                <th>Event Start Date</th>
                                <th>Event Start Date</th>
                            </tr>
                        </thead>
                        <tfoot id="tablefoot">
                        </tfoot>
                        <tbody id="tablebody"></tbody>

                    </table>
                    <div id="navigationMenu"></div>

                </div>
            </div>

        </body>











